<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style>
 body{width:700px; margin-left:360px;}
h1{display:inline-block}
 ul{list-style:none;}
 h2{float:right;}
 .one h1:nth-child(2){float:right;}
 #two{ border:#999 none;padding-left:30x;}
 .one h1{font-weight:blod}
 .layer1{ border:#999 none;float:left;}
 .layer2{ border:#999 none;float:left;}
 .layer3{ border:#999 none;float:left;}
 .layer4{ border:#999 none;float:left;}
</style>
</head>

<body>
<div class="one">
<h1>热门活动</h1>
<h1>更多</h1>
</div>
<div id="two">
<ul class="layer1">
   <li><img src="file:///F|/狗蛋儿/img1.png" /></li>
   <li>推荐活动|原创音乐现金榜T榜</li>
</ul>
<ul class="layer2">
    <li><img src="file:///F|/狗蛋儿/img2.png" /></li>
    <li>节目推荐|《TAImusic》爆笑来袭</li>
</ul>
<ul class="layer3">
    <li><img src="file:///F|/狗蛋儿/img3.png" /></li>
    <li>推荐歌单|继续宠爱张国荣</li>
</ul>
<ul class="layer4">
    <li><img src="file:///F|/狗蛋儿/img4.png" /></li>
    <li>推荐活动|330金属音乐巡演 成都小酒馆音乐空间</li>
</ul>
</div>
</body>
</html>
